.chuxian-top {
	animation: chuxian-top 1s ease;
}

.chuxian-bottom {
	animation: chuxian-bottom 1s ease;
}

.chuxian-left {
	animation: chuxian-left 1s ease;
}

.chuxian-right {
	animation: chuxian-right 1s ease;
}

.chuxian-center {
	opacity: 0;
	animation: chuxian-center 1s .5s forwards ease;
}

.chuxian-center-noyc {
	opacity: 0;
	animation: chuxian-center 1s forwards ease;
}

.xunhuan-center {
	opacity: 0;
	animation: xunhuan-center 5s infinite linear ease;
}

@keyframes chuxian-top {
	0% {
		transform: translateY(-200px);
	}

	50% {
		transform: translateY(5px);
	}

	100% {
		transform: translateY(0);
	}
}


@keyframes chuxian-bottom {
	0% {
		transform: translateY(200px);
	}

	50% {
		transform: translateY(-5px);
	}

	100% {
		transform: translateY(0);
	}
}


@keyframes chuxian-left {
	0% {
		transform: translateX(-200px);
	}

	50% {
		transform: translateX(5px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes chuxian-right {
	0% {
		transform: translateX(200px);
	}

	50% {
		transform: translateX(-5px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes chuxian-center {
	0% {
		opacity: 0;
		transform: scale(0);
	}

	50% {
		opacity: 1;
		transform: scale(1.2);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}


@keyframes xunhuan-center {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	33% {
		opacity: 1;
		transform: scale(1.05);
	}

	66% {
		opacity: 1;
		transform: scale(0.95);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
